<template>
  <div class="userFriend">
    <div class="userFriend_top">
      <div class="userFriend_top_left">
        <text>总消费：</text>
        <text>20000.00</text>
        <text>元</text>
      </div>
      <div class="userFriend_top_right">
        <text>人数总计（</text>
        <text>10</text>
        <text>人）</text>
      </div>
    </div>
    <list class="userFriend_each">
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">100.00</text>
        </div>
      </cell>
      <cell class="userFriend_each_cell">
        <div class="userFriend_each_div userFriend_each_divLeft">
          <image class="userFriend_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="userFriend_each_div userFriend_each_divCenter userFriend_each_info">
          <text class="userFriend_each_name">HANMINGHZE</text>
          <text class="userFriend_each_time">2018-03-06</text>
        </div>
        <div class="userFriend_each_div userFriend_each_divRight userFriend_each_money">
          <text class="userFriend_each_money_text">¥</text>
          <text class="userFriend_each_money_text">111.00</text>
        </div>
      </cell>
    </list>
  </div>
</template>
<style>
  .userFriend{}

  .userFriend_top{flex-direction:row;align-items:center;justify-content:space-between;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#9E9F9F;padding: 25px;}
  .userFriend_top_left{flex-direction:row;align-items:center;justify-content:flex-start;}
  .userFriend_top_right{flex-direction:row;align-items:center;justify-content:flex-end;}

  .userFriend_each{}
  .userFriend_each_cell{flex-direction:row;align-items:center;justify-content:space-between;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#9E9F9F;padding:25px;}
  .userFriend_each_div{}
  .userFriend_each_divLeft{width: 100px;}
  .userFriend_each_divCenter{width: 400px;}
  .userFriend_each_divRight{width: 150px;flex-direction:row;align-items:center;justify-content:flex-end;}
  .userFriend_each_img{width: 100px;height: 100px;border-radius: 50px;}
  .userFriend_each_name{}
  .userFriend_each_time{}
  .userFriend_each_money{ }
  .userFriend_each_money_text{color: #DC7009;}
</style>
<script>
module.exports = {
  beforeCreate: function () {
    var domModule = weex.requireModule("dom");
    domModule.addRule('fontFace', {
      'fontFamily': "iconfont2",
      'src': "url('http://at.alicdn.com/t/font_475407_agvgdhxied0zr529.ttf')"
    });
  }
}
</script>